﻿  <style type="text/css" media="all"> 
.part03ar {
overflow:hidden;
width:277px;
float:left;
}
.col274 {
height:274px;
}

.p_box {
border:1px solid #E1C7E1;
margin-bottom:10px;
position:relative;
}
ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div {
border:0 none;
margin:0;
padding:0;
}
body {
font-family:"微软雅黑","宋体",Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
h3.tab_01 {
left:0;
position:absolute;
top:0;
width:277px;
}

h1, h2, h3, h4, h5, h6 {
font-size:12px;
font-weight:normal;
}
h3.tab_01 .tab_active {
background-position:0 -123px;
color:#CA2121;
width:138px;
}

h3.tab_01 .tab_active, h3.tab_01 .tab_normal, h3.tab_02 .tab_active, h3.tab_02 .tab_normal {
background-image:url("skin_img_04.gif");
float:left;
height:35px;
line-height:35px;
text-align:center;
width:138px;
}

h3.tab_01 .tab_active {
background-position:-282px 0;
color:#CA2121;
}

h3.tab_01 .tab_active, h3.tab_01 .tab_normal, h3.tab_02 .tab_active, h3.tab_02 .tab_normal {
background-image:url("skin_img_01.gif");
float:left;
height:34px;
line-height:34px;
text-align:center;
width:88px;
}

.tab_active {
cursor:pointer;
}
h3.tab_01 .tab_normal {
background-position:0 -168px;
font-weight:400;
}


h3.tab_01 .tab_normal {
background-position:-370px 0;
}


.tab_normal {
cursor:pointer;
}
h3.tab_02 {
bottom:0;
left:0;
position:absolute;
width:277px;
}

h3.tab_02 {
bottom:0;
left:0;
position:absolute;
width:176px;
}

h3.tab_02 .tab_active {
background-position:0 -213px;
color:#CA2121;
width:138px;
}

h3.tab_01 .tab_active, h3.tab_01 .tab_normal, h3.tab_02 .tab_active, h3.tab_02 .tab_normal {
background-image:url("skin_img_04.gif");
float:left;
height:35px;
line-height:35px;
text-align:center;
width:138px;
}

h3.tab_02 .tab_active {
background-position:-458px 0;
color:#CA2121;
}

h3.tab_01 .tab_active, h3.tab_01 .tab_normal, h3.tab_02 .tab_active, h3.tab_02 .tab_normal {
background-image:url("skin_img_01.gif");
float:left;
height:34px;
line-height:34px;
text-align:center;
width:88px;
}

.tab_active {
cursor:pointer;
}
h3.tab_02 .tab_normal {
background-position:0 -258px;
font-weight:400;
width:138px;
}

h3.tab_01 .tab_active, h3.tab_01 .tab_normal, h3.tab_02 .tab_active, h3.tab_02 .tab_normal {
background-image:url("skin_img_04.gif");
float:left;
height:35px;
line-height:35px;
text-align:center;
width:138px;
}

h3.tab_02 .tab_normal {
background-position:-546px 0;
}

h3.tab_01 .tab_active, h3.tab_01 .tab_normal, h3.tab_02 .tab_active, h3.tab_02 .tab_normal {
background-image:url("skin_img_01.gif");
float:left;
height:34px;
line-height:34px;
text-align:center;
width:88px;
}

.tab_normal {
cursor:pointer;
}
.info01 {
display:none;
margin-left:17px;
margin-top:15px;
}
.list12 {
float:left;
margin-bottom:12px;
margin-right:8px;
width:120px;
}
a:link, a:visited {
text-decoration:none;
}

a {
color:#111111;
text-decoration:none;
}

a {
color:#0000FF;
}
.list12 img {
float:left;
margin-right:9px;
}
.list12 dt {
font-weight:700;
}
.list12 dd {
color:#909090;
line-height:20px;
}
.clear {
clear:both;
}
 </style>
  <script type="text/javascript">

function setTab(name,cursel,n){
 for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"tab_active":"tab_normal";
  con.style.display=i==cursel?"block":"none";
 }
}

</script>

<div class="part03ar">

        <div style="padding-top: 34px; height: 240px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-top: 1px solid rgb(246, 246, 246); border-bottom: 1px solid rgb(255, 255, 255);" class="p_box col274">
                       <h3 style="left: -1px; top: -1px;" class="tab_01">
                                  <span class="tab_normal" onmouseover="setTab('one',1,3)" id="one1">样板间</span> 
                                  <span style="margin-left: 1px;" class="tab_active" onmouseover="setTab('one',2,3)" id="one2">产品库</span> 
                       </h3>
                       <h3 style="left: -1px; bottom: -1px;" class="tab_02"> 
                                  <span style="margin-right: 1px;" class="tab_normal" onmouseover="setTab('one',3,3)" id="one3">超级网友家装秀</span>                                  <span style="background-position: 0pt -303px; cursor: default;" class="tab_normal"></span> 
                       </h3>
 

        <div style="display: none;" id="con_one_1" class="info01">

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">花卉的运</a></dt>
            <dd></dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">书写意境</a></dt>
            <dd></dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">书写意境</a></dt>
            <dd></dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">书写意境</a></dt>
            <dd></dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">书写意境</a></dt>
            <dd></dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">书写意境</a></dt>
            <dd></dd>
            <div class="clear"></div>
          </dl>

        </div>
        <!--样板间 end-->
        <!--产品库 start-->
        <div id="con_one_2" class="info01" style="display: block;">

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

        </div>
        <!--产品库 end-->
        <!--网友家装秀 start-->

        <div id="con_one_3" class="info01" style="display: none;">

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

           <dl class="list12">
            <a target="_blank" href=""><img width="51" height="51" src=""></a>
            <dt><a target="_blank" href="">原生态地</a></dt>
            <dd>该木材干燥后呈黄</dd>
            <div class="clear"></div>
          </dl>

        </div>
        <!--网友家装秀 end-->
      </div>
    </div>